<template>
  <view class="rule">
    <view class="rule-tt"></view>
    <view class="rule-desc">
      <view> 1. 每位用户每天每个场景拥有1次初始挑战机会。 </view>
      <view> 2. 每个场景需在限时60s内找到相应的火灾隐患。 </view>
      <view>
        3. 在规定时间内找到该处场景内的所有安全隐患可获得1个消防勋章碎片。
      </view>
      <view>
        4. 集齐3个消防勋章碎片后可合成1个消防勋章，并获得1次抽奖机会。
      </view>
      <view>
        5. 抽中奖品后需根据提示填写相关信息。
      </view>
      <view>
        注:若抽中话费和流量包第二天到账；若抽中蛋糕券，则需在 10 个工作日内前往辛庄镇综合行政执法与安全生产监督管理办公室（新阳大道69号） 2楼205室领取（领取时间：工作日的 8:30-10:30;13:30-16:00）
      </view>

      <view class="rule-small">本活动最终解释权归主办方所有</view>
      <view>
        
      </view>
    </view>

    <navbar defaultTab="rule" />
  </view>
</template>
  
  <script setup>
import { ref } from "vue";
import Taro from "@tarojs/taro";
import navbar from '../home/navbar'
</script>
  
  <style lang="scss">
.rule {
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;
  background-image: url("https://7869-xiaofang-2g1dlrqbc66e0f24-1331027538.tcb.qcloud.la/award_img_bg.jpeg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  box-sizing: border-box;
}

.rule-tt {
  box-sizing: border-box;
  background-image: url("https://7869-xiaofang-2g1dlrqbc66e0f24-1331027538.tcb.qcloud.la/rule_img_title.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin: 10px 70px;
  height: 70px;
  position: relative;
  top: 30px;
}

.rule-desc {
  color: #444;
  font-size: 14px;
  padding: 60px 40px 100px;
  line-height: 1.5;
  background-image: url("https://7869-xiaofang-2g1dlrqbc66e0f24-1331027538.tcb.qcloud.la/rule_img_smallbg.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.rule-small {
  margin-top: 10px;
  font-size: 10px;
  text-align: right;
}
</style>
  